<!DOCTYPE html> <!-- -*- html -*- -->
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <title>Two Planes Intersecting</title>
  <link rel="shortcut icon" href="img/gatech.gif"/>

  
      <link rel="stylesheet" href="css/demo.css?vers=2759ff">
  

  <style>
      
  </style>

</head>
<body>
    

    
        <script src="js/demo.js?vers=77646a"></script>
    

    <script type="text/javascript">
        "use strict";
        DomReady.ready(function() {

        var lineColor, plane1Color, plane2Color;

plane1Color = new Color("violet");

plane2Color = new Color("green");

lineColor = new Color("red");

new Demo({
  camera: {
    position: [-1.3, 3, 1.5]
  }
}, function() {
  var clipCube, subspace1, subspace2, subspace3, view;
  window.mathbox = this.mathbox;
  view = this.view();
  clipCube = this.clipCube(view, {
    draw: true
  });
  subspace1 = this.subspace({
    vectors: [[-1, 1, 0], [-1, 0, 1]],
    live: false,
    name: "plane1",
    color: plane1Color
  });
  subspace1.draw(clipCube.clipped.transform({
    position: [1, 0, 0]
  }));
  subspace2 = this.subspace({
    vectors: [[1, 0, 1], [0, 1, 0]],
    live: false,
    name: "plane2",
    color: plane2Color
  });
  subspace2.draw(clipCube.clipped);
  subspace3 = this.subspace({
    vectors: [[1, -2, 1]],
    color: lineColor,
    lineOpts: {
      opacity: 1.0,
      width: 4,
      zIndex: 3
    },
    name: "line",
    live: false
  });
  subspace3.draw(clipCube.clipped.transform({
    position: [0, 1, 0]
  }));
  this.caption('<p><span id="eqn1-here"></span><br><span id="eqn2-here"></span></p>');
  katex.render("\\color{" + (plane1Color.str()) + "}{x+y+z=1}", document.getElementById('eqn1-here'));
  return katex.render("\\color{" + (plane2Color.str()) + "}{x \\phantom{+} \\phantom{y} - z = 0}", document.getElementById('eqn2-here'));
});


        });
    </script>
</body>
</html>

